!current_color = #C2CFF1
!active_color = #C3D9FF
!tab_color = #DDD

body
  :background #DDD
  :color #111
  :padding 10px 20px
  :margin 8px auto
  .clear
    :clear both
  .hidden
    :display none
.mask
  :position absolute
  :height 100%
  :z-index 1000
  :background-color #EEE
  :opacity 0.9
  :padding 20px
  :margin-right 18px
  :font-size 24px
  .cancel
    :text-decoration underline
    :cursor pointer
    :float right
  .template
    :float left
    :margin 5px
    :height 115px
    :width 104px
    :color #FFF
    .name
      :background-color #555
      :text-align center
      :font-size 12pt
      :display none
      :height 20px
    .tagLine
      :background-color #555
      :text-align center
      :font-size 10pt
      :display none
    .thumb
      :border 2px solid #555
      :margin-top 20px
      :cursor pointer
.header
  h1
  .mainMenu
    ul
      :border-bottom 0px
      li
        :list-style none
        :float left
        :border-bottom 0px
        .subMenu
          :position absolute
          :border 1px solid #444
          :margin-top 0px
          :margin-left 0px
          :border-top 0px
          :padding 3px 0px
          :background-color #FFF
          :z-index 100
          li
            :clear both
            :float none
            :width 150px
            :margin 2px
            :padding 2px 10px
          li.active
            :cursor pointer
            :background-color = !active_color + "!important"
        a
          :display block
          :padding 6px 10px
          :text-decoration none!important
          :margin 1px
          :margin-left 5px
          :font 18px 
          :font-weight bold
          :color #FFF
          :background #444
        a:hover
          :color #FFF
          :background #111
        a.selected
          :margin-bottom 0
          :color #000
          :background snow
          :border-bottom 1px solid snow
          :cursor default
.mainBody
  :padding 10px 10px 8px 10px
  :padding-top 3px
  :margin-top -20px
  :clear left
  :background snow

#make
  :min-width 768px
  .head
    :position relative
    :left 160px
    :font-weight bold
    :font-size 18px
    :padding 5px
    :margin 10px
    :width 70%
    .add
      :float left
    .titleText
      :float left
    .projectName 
      :float left
    .buttons
      :float right
  .makeZone
    :margin-top 20px
    .comList
      :float left
      :width 160px
      .hoverMenu
        :background-color = !active_color
        :margin-left -2px
        :padding 8px
        :position absolute
        :float right
        :cursor default
        img
          :border 1px solid
          :border-color = !tab_color
          :cursor pointer
      .component.active
        :background-color = !active_color + "!important"
      .component.current
        :background-color = !current_color
      .component
        :margin 5px
        :padding 2px
        :padding-right 0px
        :margin-right 0px
        :background-color = !tab_color
        :cursor pointer
        .title
          :width 120px
          :float left
        .pages
          :width 20px
          :float left
          :text-align right
    .comEdit
      :float left
      :width 70%
      :border 1px solid 
      :border-color = !current_color
      :padding 20px
      .buttons
        :float right
      .row
        :padding 6px 0px
        .label
          :float left
          :width 70px
        .control
          .button
            :cursor pointer
